<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" ng-app="dcvApp">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>Nội thất đại cồ việt</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<!--[if IE]>
		<link rel="stylesheet" type="text/css" href="css/ie.css" />
	<![endif]-->
	<script type="text/javascript" src='js/jquery-1.11.0.min.js'></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/angular.js"></script>
	<script type="text/javascript" src="js/angular-route.js"></script>
	<script type="text/javascript" src="js/angular-resource.js"></script>
</head>
<body>
	<div class="content">
		<div id="header" ng-controller="SiteMasterCtrl">
			<div class="header-top">
				<span class="pull-right">
					<span class="tel" style="margin-right: 10px;"><span>Tel:</span><span  style="color:#22ACE2; font-weight: normal;"> {{company.telephone}}</span></span>
					<span class="fax">
						<span>Fax:</span>
						<span style="color:#22ACE2; font-weight: normal;"> {{company.fax}}</span>
					</span>
				</span>
				<div class="clearfix"></div>
			</div>
			<div class="header-body">
				<div class="pull-left logo">
					<a href="#/" title="">
						<img src="images/logo.png" alt="">
					</a>
				</div>
				<div class="pull-right search">
					<input type="text" name="" value="" placeholder="Tìm kiếm">
					<img src="images/search.png" alt="">
					<a href="" title="" class="search_advance">Tìm kiếm nâng cao</a>
				</div>
				<div class="clearfix">
					
				</div>
			</div>
			<div class="menu">
				<ul>
					<li>
						<a href="#/" title="" class="home">TRANG CHỦ</a>
					</li>
					<li>
						<a href="" title="" class="trademark">THƯƠNG HIỆU</a>
					</li>
					<li>
						<a href="" title="" class="new_products">SẢN PHẨM MỚI</a>
					</li>
					<li>
						<a href="" title="" class="intro">GIỚI THIỆU</a>
					</li>
					<li>
						<a href="" title="" class="contact">LIÊN HỆ</a>
					</li>
				</ul>
				<div class="clearfix">
					
				</div>
			</div>
		</div>
		<div class="content row" style="margin-top:15px; padding-bottom:30px;">
			<div class="col-md-3 menu-left">
				<div class="category">
					<h3 class="title">DANH MỤC</h3>
					<div class="content_cat">
						<a class="links  level-0" href="#">Nội thất văn phòng</a>
						<div class="line"></div>
						<a class="links link-open level-0" href="#">Nội thất phòng hợp</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất nhập khẩu</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất trường học</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất thư viện</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất hội trường</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất khách sạn</a>
						<div class="line"></div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="bestseller">
					<h3 class="title">BÁN CHẠY</h3>
					<div class="content_cat">
						<a class="links  level-0" href="#">Nội thất văn phòng</a>
						<div class="line"></div>
						<a class="links link-open level-0" href="#">Nội thất phòng hợp</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất nhập khẩu</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất trường học</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất thư viện</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất hội trường</a>
						<div class="line"></div>
						<a class="links  level-0" href="#">Nội thất khách sạn</a>
						<div class="line"></div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="col-md-9" style="padding-left:5px; padding-right:0px;" ng-view>

			</div>
		</div>
		<!-- footer -->
		<div id="footer" class="row" ng-controller="SiteMasterCtrl">
			<div class="col-md-2">
				
			</div>
			<div class="col-md-6" style="padding-left:40px;">
				<span class="name">{{company.name}}</span>
				<span class="address"><span style="display: inline-block; font-weight:bold;">Địa chỉ:</span> {{company.address}}</span>
				<span class="email">
					<span style="display: inline-block; font-weight:bold;">Email:</span> {{company.email}}
				</span>
				<span class="tel">
					<span style="display: inline-block; font-weight:bold;">Tel:</span>
					<span ng-bind="company.telephone"></span>
					<span style="display: inline-block; font-weight:bold; margin-left:20px;">Fax:</span> {{company.fax}}
				</span>
			</div>
			<div class="col-md-3">
				<span class="name" style="color: #656666;">Liên hệ</span>
				<a class="address" href="#">Giới thiệu</a>
				<a class="address" href="#">Hô trợ</a>
				<a class="address" href="mailto:{{company.email}}">Email us</a>
			</div>
			<div class="panel_right">
				<div class="item">
					<img src="images/facebook-like.png" alt="" style="width: 35px;"><br>
					<span>2.211 likes</span>
				</div>

				<div class="item" ng-click="support();" style="cursor: pointer;">
					<img src="images/support.png" alt=""><br>
					<span>YÊU CẦU</span>
				</div>

			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/base.js"></script>
	<script type="text/javascript" src="js/app.js"></script>
	<script type="text/javascript" src="js/controller.js"></script>
	<script type="text/javascript" src="js/services.js"></script>
</body>
</html>

<div class="modal fade" id="suportModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  	<div class="modal-dialog" style="width: 35%;">
	    <div class="modal-content suport-swap">
	      	<div class="modal-header" style="border-bottom:none;">
	        	
	      	</div>
	      	<div class="modal-body body">
	        	<span>Full name</span>
	        	<input type="text" class="form-control" name="" value="" placeholder="">
	        	<span style="margin-top:15px;">Email</span>
	        	<input type="text" class="form-control" name="" value="" placeholder="">

	        	<span style="margin-top:15px;">Content</span>
	        	<textarea class="form-control content-suport"></textarea>
	      	</div>
	      	<div class="modal-footer footer">
	        	<button type="button" class="btn cancel" data-dismiss="modal">Close</button>
	        	<button type="button" class="btn default" >Suport</button>
	      	</div>
	    </div>
  	</div>
</div>